.container{
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    background-image: url("common/images/my-bg.jpg");
}
.settings{
    margin-top: 50px;
    margin-left: 450px;
    height: 100px;
}
.icon1{
    width: 50px;
    height: 50px;
}
.icon2{
    margin-left: 30px;
    width: 50px;
    height: 50px;
}
.user-info{
    width: 90%;
    height: 20%;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-radius: 10px;
    flex-direction: row;
    border-color: darkgray;
}
.info-avatar{
    width: 200px;
    height: 200px;
    margin-left: 50px;
    margin-top: 50px;
}
.avatar{
    width: 200px;
    height: 200px;
    border-radius: 100px;
}
.info-content{
    flex-direction: column;
    margin-left: 50px;
    margin-top: 100px;
}
.name{
    margin-bottom: 30px;
    font-size: 50px;
    font-weight: bold;
}
.id{
    font-size: 30px;
}
.info-more{
    width: 50px;
    height: 50px;
    margin-left: 100px;
    margin-top: 180px;
}
.list{
    width: 96%;
    height: 600px;
    border-width: 3px;
    border-radius: 10;
    border-color: darkgray;
}
.listItem{
    align-items: center;
    width: 96%;
    height: 100px;
    padding: 0 15px;
    margin-top: 15px;
    border-bottom: 1px solid darkgray;
}
.image{
    width: 50px;
    height: 50px;
    margin-left: 10px;
    margin-bottom: 5px;
}
.label{
    margin-left: 20px;
    font-size: 30px;
    color: black;
}
.list-more{
    display: flex;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-left: 400px;
}




.tb{
    width: 40px;
    height: 40px;
}
.tab .icon-image{
    width: 24px;
    height: 24px;
    position: relative;
}
.tab .icon{
    width: 24px;
    height: 24px;
    margin-bottom: 5px;
}
.tab .txt{
    font-size: 12.5px;
    color: black;
}
.a{
    align-items: center;
    width: 96%;
    height: 50px;
    padding: 0 15px;
    margin-top: 5px;
    border-bottom: 1px solid #E2E1E1;
}
.a .right{
    display: flex;
    align-items: center;
}
.a .txt{
    margin-left: 15px;
    font-size: 20px;
    flex-weight: 500;
    color: black;
}
.right .all{
    margin-left: 130px;
    font-size: 20px;
    color: #666;
}
.title {
    font-size: 20px;
    align-content: center;
    margin-left: 70px;
    color: black;
}